<!DOCTYPE html>
<!-- saved from url=(0064)https://u.uzai.com/Personal/OrderInfo?orderCode=FR19120000004136 -->
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单详情</title>

    <link href="../css/order_details.css" rel="stylesheet">
    <link href="../css/my_center_public.css" rel="stylesheet">
    <link href="../css/iconfont.css" rel="stylesheet">

    <link href="../css/WdatePicker.css" rel="stylesheet" type="text/css">
</head>

<body style="">
<div class="MyCenterWrap">
    <div class="main">
        <h1 class="order_t">订单详情</h1>
        <h1 class="order_t"><a href="/order/findOrderByUid" style=" text-decoration:none;color: black">返 回</a></h1>
        <div class="order_detail_nav">
            <h2><i class="iconfont icon-lititle"></i>订单状态</h2>
            <div class="order_detail_g">
                <p>订单编号：<i class="iconfont icon-icon-yuandian"></i><i th:text="${orderId}"></i></p>
                <p>
                    订单状态：<i class="iconfont icon-icon-yuandian"></i> <i th:text="${status}"></i>
                </p>
                <p><i class="iconfont icon-icon-yuandian"></i>订单金额：<span class="f16">¥</span><span th:text="${oprice}">236.00</span>
                    <em class="priceDetailed a">价格明细<i class="iconfont icon-right-arr-copy"></i>
                        <i class="iconfont icon-right-arr-copy-copy"></i>
                    </em>
                </p>
            </div>
            <table class="order_detail_d" style="display: table;">
                <thead>
                <tr>
                    <th>产品名称</th>
                    <th width="100">出发城市</th>
                    <th width="100">出发日期</th>
                    <th width="100">单价(¥)</th>
                    <th width="100">单位</th>
                    <th width="100">数量</th>
                    <th width="100">小计(¥)</th>
                </tr>
                </thead>
                <tbody th:each="list:${routeList}">
                <tr>
                    <td th:text="${list.title}">&lt;【晚出发】八达岭下午半日跟团游0晚1日&gt;</td>
                    <td th:text="${list.origin}">-</td>
                    <td th:text="${list.startTime}">2020-01-02</td>
                    <td th:text="${list.price}">118.00</td>
                    <td>人</td>
                    <td th:text="${peopleCount}">2</td>
                    <td th:text="${oprice}">236.00</td>
                </tr>

                </tbody>
            </table>
        </div>

        <div class="order_detail_nav">
            <h2><i class="iconfont icon-lititle"></i>订单信息</h2>
            <h3>
                <i class="iconfont icon-icon-yuandian"></i>联系人信息

            </h3>
            <div class="order_con" th:each="list:${subscribePeopleList}">
                <span id="ordercontactname">姓名：<i th:text="${list.Sp_name}"></i></span>
                <span id="ordercontactmobile">手机号码：<i th:text="${list.Sp_phone}"></i></span>
                <span id="ordercontactmail">邮箱：<i th:text="${list.Sp_email}"></i></span>
            </div>
            <h3><i class="iconfont icon-icon-yuandian"></i>游客信息</h3>
            <table class="order_custom">
                <thead>
                    <tr>
                        <th width="80">姓名</th>
                        <th width="100">证件类型</th>
                        <th width="200">证件号码</th>
                        <th width="50">性别</th>
<!--                        <th width="100">出生日期</th>-->
                        <th width="120">手机号码</th>
                        <th width="100">参团状态</th>

                    </tr>
                </thead>
                <tbody id="customerlist">
                    <tr th:each="list:${peopleInfoList}">
                        <td style="display:none">8430339</td>
                        <td th:text="${list.P_name}">彭毅</td>
                        <td >身份证</td>
                        <td th:text="${list.P_number}">612301200110013698</td>
                        <td th:text="${list.P_sex}">男</td>
<!--                        <td th:text="${list.P_name}">2001-10-01</td>-->
                        <td th:text="${list.P_phone}">17312345678</td>
                        <td>参团</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


<div class="mask" style="display: none;"></div>
<script type="text/javascript" src="../houtaistatic/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../houtaistatic/js/wdatepicker.js"></script>
<script type="text/javascript" src="../houtaistatic/js/my_center_orderinfo.js"></script>
<script type="text/javascript" src="../houtaistatic/js/core.js"></script>

<script>
    $('.reason label').eq($('.reason label').length - 1).find('input').on('change', function () {
        $('.reason_other').toggleClass('hide');
    })
</script>

</body>

</html>